<template>
  <PageMain>
    <template #header></template>
    <template #body>
      <div class="layout w-full h-full box-border bg-white p-[0 20px 20px]">
        <a-row class="h-full">
          <a-col :span="6" class="h-full">
            <!-- 资产选择 -->
            <AssetSelection  @getSelectedData="getSelectedData"/>
          </a-col>
          <a-col :span="18" class="h-full">
            <!-- 资产合规相关文件 -->
            <AssetFiles :selectedData="selectedData"/>
          </a-col>
        </a-row>
      </div>
    </template>
  </PageMain>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import AssetSelection from './asset_selection.vue';
import AssetFiles from './asset_files.vue';

const selectedData  = ref({});

const getSelectedData = (data) => {
  selectedData.value = data;
}

</script>

<style lang="less" scope></style>